<!-- 用户中心 -->
<template>
 <el-main>
  <div class="mainContent">
   <navs></navs>

   <router-view></router-view>
  </div>
 </el-main>
</template>

<script>
import Navs from "@/components/User/Nav/Nav";

export default {
 name: "User",
 components: {
  Navs
 }
}
</script>

<style scoped lang="scss">
.el-main {
 padding-top: 50px;
 background-color: #ffffff;

 .mainContent {
  margin: 80px auto;
  border-radius: 4px;
  -webkit-box-shadow: 0 0 20px rgba(0,0,0,0.2);
  box-shadow: 0 0 20px rgba(0,0,0,0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 1200px;
  background-color: #fff;
 }

 .el-main {
  padding: 40px 50px;
  display: flex;
  flex-direction: column;
  width: 1%;
  flex: 1 1 auto;
 }
}
</style>
